﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>投保人信息</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="lh-50 white">投保人信息</label>
  <a id="return" class="pull-left lh-50"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<ul class="step-panel">                                 
  <li class="gone" onclick="gotoStep(1);"><i>1</i>投保产品</li>
  <li class="active"><i>2</i>客户信息</li>
  <li><i>3</i>其他投保选项</li>
  <li><i>4</i>告知及问卷</li>
  <li><i>5</i>投保资料阅读</li>
  <li><i>6</i>投保确认</li>
  <li><i>7</i>签字</li>
  <li><i>8</i>拍照</li>
  <li><i>9</i>支付</li>
</ul>
<!--内容区域 start-->
<div class="H_step">
  <div>   
    <div class="blank-5"></div>
    <div class="padding-right-20">
      <form id="coverForm">  
	      <div class="form-group">
	        <label class="col-md-2 control-label">姓名</label>
	        <div class="col-md-2">
	          <input type="text" class="form-control" id="name" name="name" disabled="disabled" required="required" />
	        </div>
	        <label class="col-md-2 control-label">性别</label>
	        <div class="col-md-2 radio-sex disabled">
	          <label class="male active" id="maleS">
	            <input type="radio" name="sex" value="M" required="required" />
	          </label>
	          <label class="female" id="maleF">
	            <input type="radio" name="sex" value="F" required="required" />
	          </label>
	        </div>
	        <label class="col-md-2 control-label">出生日期</label>
	        <div class="col-md-2">
	          <input type="text"  class="form-control" id="dateOfBirth" disabled="disabled" name="dateOfBirth" required="required"/>
	        </div>
	      </div>
	      <div class="form-group" style="overflow:visible;">
	        <label class="col-md-2 control-label">出生地</label>
	        <div class="col-md-2">
	          <button type="button" name="countryBirth" id="countryBirth" onclick="countryClick()" class="form-control text-left select-bg">请选择</button>
	          <div id="countryRelative" class="relative hide">
			      <ul id="countrySearchInput" class="selectUlOne height-400">	
	        		<li id="A" ><span class="blue">------A------</span></li>	
	        		<li id="B" ><span class="blue">------B------</span></li>
	        		<li id="C" ><span class="blue">------C------</span></li>
	        		<li id="D" ><span class="blue">------D------</span></li>
	        		<li id="E" ><span class="blue">------E------</span></li>
	        		<li id="F" ><span class="blue">------F------</span></li>
	        		<li id="G" ><span class="blue">------G------</span></li>
	        		<li id="H" ><span class="blue">------H------</span></li>	        		
	        		<li id="I" ><span class="blue">------I------</span></li>
	        		<li id="J" ><span class="blue">------J------</span></li>	        		
	        		<li id="K" ><span class="blue">------K------</span></li>	        		
	        		<li id="L" ><span class="blue">------L------</span></li>	        		
	        		<li id="M" ><span class="blue">------M------</span></li>	        		
	        		<li id="N" ><span class="blue">------N------</span></li>	        		
	        		<li id="O" ><span class="blue">------O------</span></li>	        		
	        		<li id="P" ><span class="blue">------P------</span></li>        		
	        		<li id="Q" ><span class="blue">------Q------</span></li>
	        		<li id="R" ><span class="blue">------R------</span></li>
	        		<li id="S" ><span class="blue">------S------</span></li>
	        		<li id="T" ><span class="blue">------T------</span></li>
	        		<li id="U" ><span class="blue">------U------</span></li>
	        		<li id="V" ><span class="blue">------V------</span></li>
	        		<li id="W" ><span class="blue">------W------</span></li>
	        		<li id="X" ><span class="blue">------X------</span></li>
	        		<li id="Y" ><span class="blue">------Y------</span></li>
	        		<li id="Z" ><span class="blue">------Z------</span></li>   		
			      </ul>		          
			  </div>
	        </div>
	        <label class="col-md-2 control-label">国籍/地区</label>
	        <div class="col-md-2">
	          <button type="button" name="nationality" id="nationalityName" onclick="nationClick(2)" onblur="closeI()" class="form-control text-left select-bg">请选择</button>
	          <div id="nationRelative" class="relative hide">
			      <ul id="searchInput" class="selectUlOne height-400">	
	        		<li id="a" ><span class="blue">------A------</span></li>	
	        		<li id="b" ><span class="blue">------B------</span></li>
	        		<li id="c" ><span class="blue">------C------</span></li>
	        		<li id="d" ><span class="blue">------D------</span></li>
	        		<li id="e" ><span class="blue">------E------</span></li>
	        		<li id="f" ><span class="blue">------F------</span></li>
	        		<li id="g" ><span class="blue">------G------</span></li>
	        		<li id="h" ><span class="blue">------H------</span></li>	        		
	        		<li id="i" ><span class="blue">------I------</span></li>
	        		<li id="j" ><span class="blue">------J------</span></li>	        		
	        		<li id="k" ><span class="blue">------K------</span></li>	        		
	        		<li id="l" ><span class="blue">------L------</span></li>	        		
	        		<li id="m" ><span class="blue">------M------</span></li>	        		
	        		<li id="n" ><span class="blue">------N------</span></li>	        		
	        		<li id="o" ><span class="blue">------O------</span></li>	        		
	        		<li id="p" ><span class="blue">------P------</span></li>        		
	        		<li id="q" ><span class="blue">------Q------</span></li>
	        		<li id="r" ><span class="blue">------R------</span></li>
	        		<li id="s" ><span class="blue">------S------</span></li>
	        		<li id="t" ><span class="blue">------T------</span></li>
	        		<li id="u" ><span class="blue">------U------</span></li>
	        		<li id="v" ><span class="blue">------V------</span></li>
	        		<li id="w" ><span class="blue">------W------</span></li>
	        		<li id="x" ><span class="blue">------X------</span></li>
	        		<li id="y" ><span class="blue">------Y------</span></li>
	        		<li id="z" ><span class="blue">------Z------</span></li>  		
			      </ul>		          
			  </div>
	        </div>
	        <label class="col-md-2 control-label">个人年收入约</label>
	        <div class="col-md-2">
	          <div class="input-group">  
	            <input type="number" class="form-control" name="yearlyIncome" onblur="checkMoney(this)"  id="yearlyIncome" required="required">
	            <span class="input-group-addon">万元</span>
	          </div>
	        </div>
	      </div>
	      <div class="blank-1"></div>
	      <div class="form-group">
	        <label class="col-md-2 control-label">证件类型</label>
	        <div class="col-md-2">
	          <select class="form-control" name="idType" id="idType" onchange="changeType(this)" required="required">
	            <option value ="">请选择</option>
	          </select>
	        </div>
	        <label class="col-md-2 control-label">证件号码</label>
	        <div class="col-md-3">
	          <input type="text" class="form-control" name="idNo" id="idNo" onkeyup ="checkType(this)" required="required" />
	        </div>
	        <label class="col-md-1 no-padding"><p class="control-label">邮政编码</p></label>
	        <div class="col-md-2">
	          <input type="number" class="form-control" name="cPostCode" id="cPostCode" required="required"/>
	        </div>
	      </div>
	      <div class="form-group">
	        <label class="col-md-2 control-label">证件有效期至</label>
	        <div class="col-md-2">
	          <input type="text" class="form-control" data-role="datebox" name="idValidTo" id="idValidTo"/>
	        </div>
	        <div class="col-md-1 no-padding" id="longTime">
	          <span class="check_blo lh-45">
	            <span class="check_no">长期</span>
	          </span>
	        </div>
	        <label class="col-md-1 control-label" id="changeSize">职业</label>
	        <div class="col-md-3">
	          <input type="text" class="form-control" name="ocName" id="ocName" required="required" disabled/>
	        </div>
	        <label class="col-md-2 control-label">职业代码</label>
	        <p id="ocCode" class="form-control-static"></p>
	      </div>
	      <div class="form-group">
	        <label class="col-md-2 control-label">工作单位名称</label>
	        <div class="col-md-4">
	          <input type="text" class="form-control" name="employerName" id="employerName" required="required"/>
	        </div>
	        
	        <label class="col-md-2 control-label">税收居民身份</label>
	        <div class="col-md-3">
	          <select class="form-control" required="required" name="crsTaxArea" id="crsTaxArea">
	            <option value ="A">中国税收居民</option>
	            <option value ="B">非中国税收居民</option>
	            <option value ="C">既是中国税收居民，又是其他税收管辖区居民</option>
	          </select>
	        </div>
	        <a class="lh-45" onclick="showDiv('open1')">填写说明</a>
	      </div>
	      <div class="form-group">
	        <label class="col-md-2 control-label">经常居住地址</label>
	        <div class="col-md-2">
	          <select class="form-control" name="cProvinceCode" id="cAddressLine4" onchange="changeAddress()">
	          	<option value="">请选择</option>
	          </select>
	        </div>
	        <label class="col-md-2">
	          <select class="form-control" name="cCityCode" id="cAddressLine3">
	          	<option value="">请选择</option>
	          </select>
	        </label>
	        <div class="col-md-6">
	          <input type="text" class="form-control" name="cAddressLine1" placeholder="请详尽至路、门牌，如中华路8弄8号808室" id="cAddressLine1"/>
	        </div>
	      </div>
	      <div class="form-group no-margin">
	        <label class="col-md-2 control-label">固定电话</label>
	        <div class="col-md-3">
	        	<div class="row">
	        		<div class="col-md-4">
	        			<input type="number" onblur="chooseTel()" class="form-control" name="telephone2CountryNo" id="telephone2CountryNo" placeholder="国家区号">
	        		</div>
	        		<div class="col-md-8 no-padding" id="handleTel">
	        			<div class="form-group">
	        				<div class="col-md-4 no-padding">
	        					<input type="number" class="form-control" id="splitOne" placeholder="区号" />
	        				</div>
	        				<div class="col-md-8 no-padding">
	        					<input type="number" class="form-control" id="splitTwo" placeholder="座机号" />
	        				</div>
	        			</div>
	        		</div>
	        	</div>
	        </div>
	        <label class="col-md-1 no-padding text-right"><p class="control-label">移动电话</p></label>
	        <div class="col-md-3">
	        	<div class="row">
	        		<div class="col-md-4">
	        			<input type="number" class="form-control" name="mobile2CountryNo" id="mobile2CountryNo" placeholder="国家区号">
	        		</div>
	        		<div class="col-md-8 no-padding">
	        			<input type="number" class="form-control" name="mobile2No" id="mobile2No"  placeholder="手机号码">
	        		</div>
	        	</div>
	        </div>
	        <label class="col-md-1 no-padding text-right"><p class="control-label">电子邮件</p></label>
	        <div class="col-md-2">
	          <input type="text" class="form-control" name="email"/>
	        </div>
	      </div>
	      <div class="form-group no-margin">
	        <label class="col-md-2 control-label">社保</label>
	        <div class="col-md-5">
	          <p class="form-control-static pull-left">是否是当地社会医疗保险人员</p>
	          <span class="radio_judge pull-left padding-left-15"  disabled id="YesNo">
	            <span id="localYes" class="radio_no" value="Y" disabled>是</span>
	            <span id="localNo" class="radio_yes" value="N" disabled>否</span>
	          </span>
	        </div>
	        <label class="control-label">保单出具方式</label>
         	<span class="check_blo lh-45">
           		<span class="check_no" id="paperContract">纸质保单</span>
         	</span>
        	<span class="check_blo lh-45">
           		<span class="check_yes" id="needEContract">电子保单</span>
         	</span>
	      </div> 
      </form>
    </div>
  </div> 
</div>
<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-2 col-md-offset-4">
    <a class="btn btn-primary btn-lg btn-block" id="before"><span class="icon icon-left-circle"></span>上一步</a>
  </div>
  <div class="col-md-2">
    <a class="btn btn-success btn-lg btn-block" id="keep"><span class="icon icon-save"></span>暂存</a>
  </div>
  <div class="col-md-2">
    <a class="btn btn-warning btn-lg btn-block" id="next"><span class="icon icon-right-circle"></span>下一步</a>
  </div>
</div>
<!--底部区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>

<div class="open-block hide" id="open1"> 
  <h4 class="open-header">
   <span>税收居民身份声明</span> <a class="close" onClick="closeDiv('open1')">×</a>
  </h4>
  <div class="open-body no-padding">
  	<p class="font-16 lh-30 padding-2 gray">中国税收居民个人是指在中国境内有住所，或者无住所而在境内居住满一年的个人。在中国境内有住所是指因户籍、家庭、经济利益关系而在中国境内习惯性居住。在境内居住满1年，是指在一个纳税年度中在中国境内居住365日。临时离境的，不扣减日数。临时离境，是指在一个纳税年度中一次不超过30日或者多次累计不超过90日的离境。</p>
  </div>
</div>

<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/base64.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<!--获取职业选择数据-->

<!--获取职业选择数据 end-->
<script src="/pad_marketing/dev/js/cover.js" type="text/javascript"></script>
</body>
</html>
